<style>
    .slimScrollDiv{
        height: auto !important;
    }
    .scroller{
        height: auto !important;
        overflow: hidden !important;
        width: auto !important;
    }
</style>
<div class="top-cart-info" style="margin-top: 23px;font-family: Microsoft YaHei,serif;font-size: 16px">
    购物车（<span style="color:#00bbb7;"><#if cartProductList?? && cartProductList?size gt 0>${cartProductList?size}<#else>0</#if></span>）
</div>
<i class="fa fa-shopping-cart" style="margin-top: 23px"></i>
<div class="top-cart-content-wrapper">
    <div class="top-cart-content" style="height: auto;">

        <ul class="scroller" style="height: auto !important;">
            <#if cartProductList?? && cartProductList?size gt 0>
                <#list cartProductList as cartProduct>
                    <li>
                        <a href="shop-item.html"><img src="${cartProduct.productImg!}" alt="Rolex Classic Watch" width="37" height="34"></a>
                        <span class="cart-content-count">x ${cartProduct.productNum!}</span>
                        <strong><a href="shop-item.html">${cartProduct.productName!}</a></strong>
                        <em>￥${cartProduct.salePrice!}</em>
                        <a href="javascript:void(0);" class="del-goods" onclick="removeCartProduct(${cartProduct.productId!})">&nbsp;</a>
                    </li>
                </#list>
            <#else>
                <div style="width: 100%;text-align: center;height: 150px;background-color: white">
                    <img src="/assets/pages/img/no_goods.png" style="height: 100px;float: none;">
                    <p style="margin-top: 10px">您的购物车是空的哦，赶紧去逛逛吧~~</p>
                </div>
            </#if>
        </ul>
        <#if cartProductList?? && cartProductList?size gt 0>
            <div class="text-right">
                <a href="/cart"  class="btn btn-primary">结算</a>
            </div>
        </#if>

    </div>
</div>



